<template>
	<view class="layout">
		<form @submit="formSubmit">
					<scroll-view scroll-y>
						
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									项目名
								</view>
							</view>
							<view class="right">
								<input class="uni-input" name="name" placeholder="输入项目名" :value="name"/>
										
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									项目简述
								</view>
							</view>
							<view class="right">
								<input class="uni-input" name="sketch" placeholder="输入项目简述" :value="sketch"/>
										
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									导师
								</view>
							</view>
							<view class="right">
								<view class="right">
									<input class="uni-input" name="menter" placeholder="输入姓名" :value="menter"/>
											
								</view>			
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									成员
								</view>
							</view>
							<view class="right">
								<view class="right">
									<input class="uni-input" name="menter" placeholder="输入姓名(以逗号分隔)" :value="menter"/>
											
								</view>			
							</view>
						</view>
						
						<view class="rows">
							<view class="left">
								<view class="star">
									*
								</view>
								<view class="text">
									附件上传
								</view>
							</view>
							<view class="right">
								<view class="right">
									
											
								</view>			
							</view>
						</view>
						
						<uni-file-picker 
							v-model="imageValue" 
							fileMediatype="image" 
							mode="grid" 
							limit="5"
							@select="select" 
							@progress="progress" 
							@success="success" 
							@fail="fail" 
						/>
						

						
				</scroll-view>		
						<view class="uni-btn-v">
							<button form-type="submit" class="but">确认提交</button>
						
						</view>
		</form>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const name =ref('');//项目名
const sketch =ref('');//项目简述
const menter =ref('');//导师
const member =ref('');//成员组

const formSubmit = (e)=>{
	console.log(e);
}



</script>

<style lang='scss' scoped>
	.layout{
		padding: 20rpx 30rpx;
		scroll-view{
			height:73vh;
			padding: 20rpx 0;
		}
		.rows{
			display: flex;
			justify-content: space-between;
			font-size: 26rpx;
			line-height: 60rpx;
			border-bottom: 1rpx solid #ccc;
			margin-bottom: 20rpx;
			.left{
				display: flex;
				justify-content: space-between;
				.star{
					color:red;
				}
			}
			.right{
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-align: right;
				color:$xx-color-body;
			}
		}
		
		.but{
					width: 500rpx;
					height: 80rpx;
					border-radius: 40rpx;
					background: $xx-color-body;
					color: #fff;
		}
		button::after{ border: none;}
		button{
			line-height:80rpx;
		}      
	}
	 
</style>